<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <link type="text/css" href="css/style.css" rel="stylesheet" /> 
  <link type="text/css" href="css/animate.css" rel="stylesheet" /> 
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
 </head> 
 <body> 
  <div class="wrap"> 
      <div class="index_bg point_bg">
           <!--    游戏规则-->
       <div class="game_tip_bg" style="display:none;">
           <div class="rule read_content">
                <div class="rule_close"></div>
                <p>本人（即投保人）在此授权贵公司，贵公司继承人、受让人、中国境内外关联方以及贵公司授权的第三方服务者（以下统称：贵公司及相关方）在适用法律、法规允许或要求的范围内，在中国境内外，从各种渠道收集与本人向贵公司提交的保险申请和与可能订立及履行相关保险合同有关的任何本人的个人信息，并已知晓并同意贵公司及相关方将在下列情况下收集、使用、存储、披露、传送或以其他的方式处理任何本人的个人信息：<br/>
（1）审核本人提交的投保申请，签订或履行可能订立的相关保险合同，并/或提供相关售后服务时；<br/>
（2）遵守适用的法律法规或贵公司的合规制度或计划时；<br/>
（3）拟向本人提供其他金融产品和/或服务时；<br/>
（4）进行直接行销、或数据处理等。</p>

<p>同时本人在此确认在向贵司提交投保申请时已经获得被保险人和受益人的同意，为上述目的向贵公司及相关方提供和授权使用他们的个人信息资料。</p>
           </div>
       </div>
          <div class="logo">
            <img src="images/logo.png"></img>
          </div>
        <div class="point_content">
            <div class="point_read">
                <img src="images/24.png" class="left">
                <p class="left">已阅读并同意保险条款及责任免除条款（<a href="#">平安保险版</a> | <a href="#">大都会人寿版</a>），及<a href="#" class="read_tank">个人信息使用授权</a>条款，申请领取免费保险。</p>
            </div>
            <div class="point_btn" style="margin-top:250px; position:relative; z-index:2;">
                <a href="#"  class="point1_btn"><img src="images/point1.png"></a>
                <a href="#" class="point2_btn"><img src="images/point2.png"></a>
            </div>
            <div class="already_ok">
                <img src="images/25.png">
            </div>
        </div>
          <div class="index_bubble">
            <img src="images/bubble.png">
          </div>
          <div class="index_bubble2">
            <img src="images/bubble.png">
          </div>
          <div class="index_bubble3">
            <img src="images/bubble.png">
          </div>
          
          
      </div>
    
  </div> 
  <script type="text/javascript">
        $(window).load(function(){
            $("<link>").attr({ rel: "stylesheet", type: "text/css",href: "css/animate.css" }).appendTo("head"); 
        });
        $(".read_tank").click(function(){
        $(".game_tip_bg").fadeIn();
        });
        $(".rule_close").click(function(){
            $(".game_tip_bg").hide();
        });
      //      点击按钮替换图片
        $(".point_btn").click(function(){
            $(".point_read").css('opacity','0');
            $(".point1_btn").css('opacity','0');
            $(".already_ok").css('opacity','1');
        });
    </script>
 </body>
</html>